<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>消息通知</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="css/dk-com.css">
    <link rel="stylesheet" href="css/dk-pages.css">
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <!--  滚动条  -->
    <script src="js/scroll.min.js"></script>
    <!--  缓存  -->
    <script src="js/g.js"></script>
</head>
<style>

</style>

<body class="body">
    <div class="dk-top"> <img src="images/logo.png" class="logo fl">
        <ul class="fl dk-top-nav clearfix">
            <li><a href="component.html"><i class="iconfont">&#xe653;</i>项目</a>
                <dl class="dk-top-navSub">
                    <dd>
                        <a href="#"> <i class="iconfont">&#xe608;</i>App </a>
                    </dd>
                    <dd>
                        <a href="#"> <i class="iconfont">&#xe685;</i>微信公众号 </a>
                    </dd>
                    <dd> <a href="#"><i class="iconfont">&#xe60c;</i>Web </a></dd>
                    <dd>
                        <a href="#"> <i class="iconfont">&#xe60d;</i>小程序 </a>
                    </dd>
                    <dd>
                        <a href="#"> <i class="iconfont">&#xe602;</i>H5 </a>
                    </dd>
                    <dd>
                        <a href="#"> <i class="iconfont">&#xe601;</i>其他 </a>
                    </dd>
                </dl>
            </li>
            <li><a href="component.html"><i class="iconfont">&#xe624;</i>问答</a></li>
        </ul>
        <div class="dk-sys-messages clearfix fr"> <a href="sys-messages.html"><i class="iconfont">&#xe628;</i><span class="ft-Arial">99</span></a>
            <div class="dk-user-online  fr">
                <div class="dk-user-pic"><img src="images/user2.jpg">
                    <p>Adminter</p>
                </div>
                <div class="dk-user-menu border-r4">
                    <div class="dk-coin clearfix">咖点<b class="ft-Arial">196556</b> <span class="fr">充值</span></div>
                    <dl class="clearfix">
                        <dd>退出</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!--  ./顶部end  -->
    <div class="dk-sidebox clearfix">
        <ul class="dk-side-tools">
            <li><span><i class="iconfont">&#xe606;</i></span>
                <p class="an-s3">我的项目</p>
            </li>
            <li><span><i class="iconfont">&#xe637;</i></span>
                <p class="an-s3">我的问题</p>
            </li>
            <li><span><i class="iconfont">&#xe63f;</i></span>
                <p class="an-s3">我的收藏</p>
            </li>
        </ul>
        <!--  ./类目   -->
        <div class="dk-toolbox">
            <div class="dk-tool-listitem ">
                <ul>
                    <li>
                        <a href="1.html">
                            <h3>1111这是一个列表信息！<span class="dk-toolmess-tips"></span></h3>
                            <p>2017.11.23</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <h3>这是一个列表信息！</h3>
                            <p>2017.11.23</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--   ./1     -->
            <div class="dk-tool-listitem">
                <ul>
                    <li>
                        <a href="#">
                            <h3>222这是一个列表信息！</h3>
                            <p>2017.11.23</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--    ./2    -->
            <div class="dk-tool-listitem">
                <ul>
                    <li>
                        <a href="#">
                            <h3>333这是一个列表信息！</h3>
                            <p>2017.11.23</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--    ./3    -->
        </div>
        <!--  ./侧边栏展开   -->
    </div>
    <!--  ./侧边栏   -->
    <div class="dk-contaiter">
        <div class="dk-path-nav"><span class="fs-h3 ">消息通知</span>
            <div class="fr dk-operation"><a class="dk-del">删除</a><a class="dk-rest">取消</a><a class="dk-allchoose">全选</a></div>
        </div>
        <!--    ./面包屑导航    -->
        <ul class="dk-sysMess"> </ul>
    </div>
    <!--  ./主体  -->
    <div class="actGotop"><a href="javascript:;">&uarr;</a></div>
    <!--  ./gotop  -->
</body>
<script>
    var asysMess = [
        {
            "Date": 11.27
            , "year": 2017
            , "userPic": "images/user.png"
            , "name": "二蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "#"
                }
            , {
            "Date": 11.26
            , "year": 2017
            , "userPic": "images/user1.png"
            , "name": "三蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "1.html"
                }

            , {
            "Date": 11.25
            , "year": 2017
            , "userPic": "images/user1.png"
            , "name": "四蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "1.html"
                }, {
            "Date": 11.25
            , "year": 2017
            , "userPic": "images/user1.png"
            , "name": "四蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "1.html"
                }, {
            "Date": 11.25
            , "year": 2017
            , "userPic": "images/user1.png"
            , "name": "四蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "1.html"
                }, {
            "Date": 11.25
            , "year": 2017
            , "userPic": "images/user1.png"
            , "name": "四蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "1.html"
                }, {
            "Date": 11.25
            , "year": 2017
            , "userPic": "images/user1.png"
            , "name": "四蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "1.html"
                }, {
            "Date": 11.25
            , "year": 2017
            , "userPic": "images/user1.png"
            , "name": "四蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "1.html"
                }, {
            "Date": 11.25
            , "year": 2017
            , "userPic": "images/user1.png"
            , "name": "四蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "1.html"
                }, {
            "Date": 11.25
            , "year": 2017
            , "userPic": "images/user1.png"
            , "name": "四蛋"
            , "messages": "Cras sit amet nibh libero, in gravida nulla."
            , "url": "1.html"
                }
        ]
    $.each(asysMess, function (index, content) {
        $('.dk-sysMess').append('<li class="clearfix"><input type="checkbox" class="dk-cho-this"><div class="fl dk-sysMess-l txt-c"><h1>' + content.Date + '</h1><p>' + content.year + '</p> <span></span> </div><div class="fl dk-sysMess-r"><div class="dk-sysMess-l-info"><img src=' + content.userPic + ' width=40><p class=txt-c>' + content.name + '</p></div><div class=dk-sysMess-r-info><p class="p">' + content.messages + '</p> <a href="' + content.url + '" class="fc-blue">立即回复</a> </div></div></li>');
    });
    //全选
    $(".dk-allchoose").click(function () {
        $(".dk-sysMess li input:checkbox").prop('checked', true);
    });
    //取消
    $(".dk-rest").click(function () {
        $(".dk-sysMess li input:checkbox").prop('checked', false);
    });
    //删除
    $(".dk-del").click(function () {
        $(".dk-cho-this:checked").each(function () {
            var n = $(this).parent("li").index();
            $(".dk-sysMess").find("li").eq(n).remove();
        });
    });
</script>
<script src="js/com.js"></script>

</html>